<template>
	<view class="container">
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">维修工单详情</block>
		</cu-custom>

		<view class="bg-top bg-blue">
			<view class="top-box shadow">
				<view class="cu-list menu" style="padding-bottom: 20rpx;">
					<u-steps :list="numList" :current="dataDetail.CurrentSteps" mode="number">
					</u-steps>
				</view>
			</view>
			<view style="height: auto;width: 100%;color: black;margin-top: 20rpx;">
				<view class="goods-header-wrap">
					<view class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 1 == goodsNav}" @click="setNav(1)">
						<!-- <view style="right: 20rpx;background-color: #0071F2 !important;" v-if="dataDetail.QrcodeSceneProcessList.length>0" class="cu-tag badge">{{dataDetail.QrcodeSceneProcessList.length}}</view> -->
						基本信息
					</view>
					<!-- <view v-if="false" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 2 == goodsNav}" @click="setNav(2)">
						处理信息
					</view> -->
					<view v-show="dataDetail.QrcodeContractEntity!=null" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 8== goodsNav}" @click="setNav(8)">
						联系人
					</view>
					<view v-show="dataDetail.QrcodeSceneAssignDTOList.length>0" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 3 == goodsNav}" @click="setNav(3)">
						 <!-- <view  style="right: 20rpx;background-color: #0071F2 !important;" v-if="dataDetail.QrcodeSceneAssignDTOList.length>0" class="cu-tag badge">{{dataDetail.QrcodeSceneAssignDTOList.length}}</view> -->指派历史
					</view>
					<view v-if="!showSpareV2&&dataDetail.outboundSpareDTOs.length>0" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 4 == goodsNav}" @click="setNav(4)">
						备件信息(V1)
					</view>
					<view v-if="showSpareV2&&dataDetail.outboundSpareDTOV2.length>0" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 44 == goodsNav}" @click="setNav(44)">
						备件信息(V2)
					</view>
					<view v-show="dataDetail.CommentRate>0"  class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 5 == goodsNav}" @click="setNav(5)">
						评论
					</view>
					<view v-show="dataDetail.SceneUserList.length>0" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 6== goodsNav}" @click="setNav(6)">
						<!-- <view  style="right: 20rpx;background-color: #0071F2 !important;" v-if="dataDetail.SceneUserList.length>0" class="cu-tag badge">{{dataDetail.SceneUserList.length}}</view> -->处理人员
					</view>
					<view v-show="dataDetail.isQrcodeService==1" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 7== goodsNav}" @click="setNav(7)">
						收费项目
					</view>
					<view v-show="dataDetail.IsSceneTopic==1" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 9== goodsNav}" @click="setNav(9)">
						工作内容
					</view>
				</view>
			</view>
			
			<scroll-view scroll-x class="bg-white nav" scroll-with-animation :scroll-left="scrollLeft">
				<view class="cu-item" :class="index == TabCur?'text-blue cur':''" v-for="(item,index) in navTop" :key="index" @tap="tabSelect"
				 :data-id="index">
					{{item.title}}
				</view>
			</scroll-view>
			
			<!-- 评论 v-if="dataDetail.CommentRate>0" -->
			<view v-if="goodsNav==5" style="margin-top: 20rpx;" >
				<view v-if="dataDetail.CommentRate>0" class="top-box shadow">
					<view class="cu-list menu">
						<view class="cu-item" style="padding: 0;">
							<view class="cu-item-title">
								<text class="cu-item-title-text">评论信息</text>
							</view>
						</view>
						<view class="cu-item" style="padding: 0;">
							<view class="content" style="display: flex; justify-content: space-around;">
								<text class="cuIcon-timefill text-blue  margin-right-xs"></text>
								<text class="text-black text-bold"
									style="min-width: 200rpx; max-width: 200rpx; text-align: left;">打分:</text>
								<view class="text-black" style="min-width: 380rpx; max-width: 380rpx; text-align: left;">
									<u-rate :count="count" v-model="dataDetail.CommentRate" size="50"></u-rate>
								</view>
							</view>
						</view>
					
						<view class="cu-item" style="padding: 0;">
							<view class="content" style="display: flex; justify-content: space-around;">
								<text class="bxImg cuIcon-formfill text-blue"></text>
								<text class="text-black text-bold"
									style="min-width: 200rpx; max-width: 200rpx; text-align: left;">评论内容:</text>
								<text class="text-black"
									style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.CommentContent}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-if="goodsNav==4" style="margin-top: 20rpx;" >
				<view class="top-box shadow">
					<view class="cu-list menu">
						<!-- 备件内容 -->
						<view  class="cu-list menu">
							<view class="cu-item" style="padding: 0;">
								<view class="cu-item-title">
									<text class="cu-item-title-text">备件信息（{{dataDetail.outboundSpareDTOs.length}}）</text>
								</view>
							</view>
							<view  v-if="dataDetail.outboundSpareDTOs.length>0" style="margin-top: 20rpx;padding-top: 0px;" class="content-body">
								<view class="shop-car">
									<view class="store-box" v-for="(itemq,indexq) in dataDetail.outboundSpareDTOs" :key="indexq">
										<view class="ETBJAndFSEntitytitle">
											<text class="ETBJAndFSEntitytitle-left">领用单号：{{itemq.OutCode}}</text>
											<text class="ETBJAndFSEntitytitle-right" :class="itemq.Status==1?'status1':itemq.Status==2?'status2':'status3'">
											{{itemq.Status==1?'审核中':itemq.Status==2?'已通过':'已驳回'}}
											</text>
										</view>
										<view class="goodsInfo" v-for="(itemw,indexw) in itemq.ETBJAndFSEntityDTO" :key="indexw">
											<view class="goodsInfo-right">
												<image  :src="spareNoData" class="goods-image" mode=""></image>
												<view class="goodsInfo-box">
													<text  class="goods-name">{{itemw.Name}}</text>
													<text  class="spe">规格/型号：{{itemw.Model}} / {{itemw.Unit}}</text>
													<text class="spe">库存上下限：{{ itemw.MinCounts }}-{{ itemw.MaxCounts }}</text>
													<view class="goods-box">
														<view class="goods-price">申请：{{itemw.ApplyCounts}}</view>
														<view class="goods-price1">审批：{{itemw.AcceptCounts}}</view>
													</view>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-if="goodsNav==44" style="margin-top: 20rpx;" >
				<view class="top-box shadow">
					<view class="cu-list menu">
						<!-- 备件内容 -->
						<view  class="cu-list menu">
							<view class="cu-item" style="padding: 0;">
								<view class="cu-item-title">
									<text class="cu-item-title-text">备件申请单（{{dataDetail.outboundSpareDTOV2.length}}）</text>
								</view>
							</view>
							<view  v-if="dataDetail.outboundSpareDTOV2.length>0" style="margin-top: 20rpx;padding-top: 0px;" class="content-body">
								<view class="shop-car">
									<view class="store-box" v-for="(itemq,indexq) in dataDetail.outboundSpareDTOV2" :key="indexq">
										<view class="ETBJAndFSEntitytitle">
											<text class="ETBJAndFSEntitytitle-left">领用单号：{{itemq.OutCode}}</text>
											<text class="ETBJAndFSEntitytitle-right" :class="itemq.Status==1?'status1':itemq.Status==2?'status2':'status3'">
											{{itemq.Status==1?'审核中':itemq.Status==2?'已通过':'已驳回'}}
											</text>
										</view>
										<view class="ETBJAndFSEntitytitleStore">
											<text class="ETBJAndFSEntitytitle-left">出库仓库：{{itemq.WarehouseName}}</text>
										</view>
										<view class="goodsInfo" v-for="(itemw,indexw) in itemq.ETBJAndFSEntityDTO" :key="indexw">
											<view class="goodsInfo-right">
												<image  :src="spareNoData" class="goods-image" mode=""></image>
												<view class="goodsInfo-box">
													<text  class="goods-name">{{itemw.Name}}</text>
													<text  class="spe">规格/型号：{{itemw.Model}} / {{itemw.Unit}}</text>
													<text class="spe">库存上下限：{{ itemw.MinCounts }}-{{ itemw.MaxCounts }}</text>
													<view class="goods-box">
														<view class="goods-price">申请：{{itemw.ApplyCounts}}</view>
														<view class="goods-price1">审批：{{itemw.AcceptCounts}}</view>
													</view>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 基本信息 -->
			<view v-if="goodsNav==1" :style="dataDetail.Status<=2?'margin-top: 20rpx;':'margin-top: 20rpx;'" class="top-box shadow">
				<view class="cu-list menu">
					<view class="cu-item" style="padding: 0;">
						<view class="cu-item-title">
							<text class="cu-item-title-text">工单信息</text>
						</view>
					</view>
					<view class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-infofill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">状态:</text>
							<text :class="checkStatusClass" class="cu-tag margin-right-xs light radius"
									style="min-width: 380rpx; max-width: 380rpx; text-align: left;">
									{{checkStatusTitle}}
							</text>
						</view>
					</view>
					<view v-if="dataDetail.ReBackDetail.QrcodeUserId" class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-backwardfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">驳回理由:</text>
							<text @click="showGitee" class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.ReBackDetail.Remark+'（查看详情）'}}</text>
						</view>
					</view>
					
					<view class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-formfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">工单类型:</text>
							<text class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.SceneType}}</text>
						</view>
					</view>
					
					<view class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-tagfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">报修点位:</text>
							<text class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeName}}</text>
						</view>
					</view>
					
					<view v-if="dataDetail.QrcodeAreaName!=null&&dataDetail.QrcodeAreaName!=''" class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-tagfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">点位位置:</text>
							<text class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeAreaName}}</text>
						</view>
					</view>
					<view v-if="dataDetail.QrcodeDeviceTitle!=null&&dataDetail.QrcodeDeviceTitle!=''" class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-tagfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">下属设备:</text>
							<text class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeDeviceTitle}}</text>
						</view>
					</view>
					<view class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-friendaddfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">上报人员:</text>
							<text class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.AddUserName}}</text>
						</view>
					</view>
					<view v-if="dataDetail.Phone" class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-phone text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">手机号:</text>
							<text @click="callPhoneNumber(dataDetail.Phone)" class="text-green"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.Phone+'（点击拨号）'}}</text>
						</view>
					</view>
					
					
					<view class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="cuIcon-timefill text-blue  margin-right-xs"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">上报时间:</text>
							<text class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.AddTime}}</text>
						</view>
					</view>
					
					<view class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-formfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">现场备注:</text>
							<text class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.Desc}}</text>
						</view>
					</view>
					
					<view v-if="dataDetail.RecordDataUrl!=null&&dataDetail.RecordDataUrl!=''" class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-notificationfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">录音:</text>
							<text @tap="playAudio(dataDetail.RecordDataUrl)"  class="text-green"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{ isPlaying ? '暂停播放' : '播放录音' }}</text>
						</view>
					</view>
					
					<view v-if="dataDetail.SceneUserName" class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-friendfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">处理人员:</text>
							<text class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.SceneUserName}}</text>
						</view>
					</view>
				</view>
				<!-- 自定义内容 -->
				<view  v-if="dataDetail.CustomFieldsList.length > 0" class="cu-list menu">
					<!-- <view class="cu-item" style="padding: 0;">
						<view class="cu-item-title">
							<text class="cu-item-title-text">自定义内容</text>
						</view>
					</view> -->
					<view v-for="(item,index) in dataDetail.CustomFieldsList" class="cu-item" style="padding: 0;">
						<view class="content" style="display: flex; justify-content: space-around;">
							<text class="bxImg cuIcon-formfill text-blue"></text>
							<text class="text-black text-bold"
								style="min-width: 200rpx; max-width: 200rpx; text-align: left;">{{item.label}}</text>
							<text v-if="item.dataType==2" class="bxImg cuIcon-phone text-blue"></text>
							<text v-if="item.dataType==2" @click="callPhoneNumber(item.value)" class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{item.value}}</text>
							<text v-if="item.dataType==1"  class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{item.value}}</text>
							<text v-if="item.dataType==3"  class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{item.value}}</text>
							<text v-if="item.dataType==4"  class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{item.value}}</text>
							<text v-if="item.dataType==5"  class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{item.value}}</text>
							<text v-if="item.dataType==6"  class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{item.value}}</text>
							<text v-if="item.dataType==7"  class="text-black"
								style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{item.value}}</text>
						</view>
					</view>
				</view>
				
				<view v-if="dataDetail.ImagesArry.length > 0" class="cu-list menu">
					<view class="cu-bar bg-white margin-top-xs u-border-bottom">
						<view style="margin-left: 0rpx !important;" class="action sub-title">
							<text class="text-xl text-bold text-blue text-shadow">现场图片</text>
							<text class="text-ABC text-blue">Pictures</text>
						</view>
					</view>
					<view v-if="dataDetail.ImagesArry.length < 0" class="padding text-grey">暂无数据</view>
					<view v-if="dataDetail.ImagesArry.length > 0">
						 <view v-for="(item,index) in dataDetail.ImagesArry">
							 <view class="cu-item imagesclass" style="padding: 0;">
								<view class="content">
									<image @click="goPreviewImage(dataDetail.ImagesArry,index)"  :src="dataDetail.ImagesArry[index]+'?imageMogr2/format/jpg/quality/40'" class="png cu-avatar sm imagesclassdetail" mode="aspectFit"></image>
								</view>
							 </view>
						 </view>
					</view>
				</view>
				<view v-if="dataDetail.Voice !=null &&dataDetail.Voice !=''" class="cu-list menu">
					<view class="cu-bar bg-white margin-top-xs u-border-bottom">
						<view style="margin-left: 0rpx !important;" class="action sub-title">
							<text class="text-xl text-bold text-blue text-shadow">现场视频</text>
							<text class="text-ABC text-blue">Video</text>
						</view>
					</view>
					<view  class="cu-item" style="padding: 0;">
						<view class="content">
							<view v-if="dataDetail.Voice ==null ||dataDetail.Voice ==''" class="padding text-center text-grey">暂无数据</view>
							<video  v-if="dataDetail.Voice !=null && dataDetail.Voice !=''" :src="dataDetail.Voice" style="width: 100%;"  playerid="txv1"></video>
						</view>
					</view>
				
				</view>
				<view  v-if="dataDetail.Latitude !=null &&dataDetail.Latitude !=''" class="cu-list menu">
					<view class="cu-bar bg-white margin-top-xs u-border-bottom">
						<view style="margin-left: 0rpx !important;" class="action sub-title">
							<text class="text-xl text-bold text-blue text-shadow">上报位置</text>
							<text class="text-ABC text-blue">Position</text>
						</view>
						<view>
							<text @click="daoHang(dataDetail.Latitude,dataDetail.Longitude)" style="font-size: 30rpx;" class="text-blue"><text class="bxImg cuIcon-location text-blue"></text>导航</text>
						</view>
					</view>
					<view>
						<view class="page-section">
							<map :enable-scroll="false" :markers="dataDetail.markers" scale='18' :enable-satellite='checkedWeixin'  enable-building='true' 
							 style="width: 100%; height:400rpx;" :latitude="dataDetail.Latitude" :longitude="dataDetail.Longitude"
								id="map1" ref='map' show-location='true' @callouttap='callouttap'>
							</map>
						</view>
					</view>
				</view>
			</view>
			<view v-if="goodsNav==3"  style="margin-top: 20rpx;">
				<view class="top-box shadow">
					<view class="cu-list menu">
						<view style="padding-left: 0px;" class="cu-item">
							<view class="cu-item-title">
								<text class="cu-item-title-text">指派日志（{{dataDetail.QrcodeSceneAssignDTOList.length}}）</text>
							</view>
						</view>
						<view class="cu-list menu cu-list-next" v-for="(qtem,index1) in dataDetail.QrcodeSceneAssignDTOList">
							<view class="cu-item" style="padding: 0;">
								<view class="cu-item-title-next">
									<text class="cu-item-title-text-next">第{{index1+1}}次指派信息</text>
								</view>
							</view>
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-friendaddfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">指派人员:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{qtem.AssignUserName}}</text>
								</view>
							</view>
							
							
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-friendaddfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">接收人员:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{qtem.ReceiveUserNames}}</text>
								</view>
							</view>
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="cuIcon-timefill text-blue  margin-right-xs"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">指派时间:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{qtem.AddTime}}</text>
								</view>
							</view>
							
							
							<view v-if="false" class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-formfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">使用备件:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{jtem.SceneSpareTitle}}</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<view v-if="goodsNav==6"  style="margin-top: 20rpx;">
				<view v-if="dataDetail.SceneUserList.length>0" class="top-box shadow">
					<view class="cu-list menu">
						<view style="padding-left: 0px;" class="cu-item">
							<view class="cu-item-title">
								<text class="cu-item-title-text">处理人员（{{dataDetail.SceneUserList.length}}）</text>
							</view>
						</view>
						<view class="rankList_box">
							<view class="rankItem" v-for="(qtem,index1) in dataDetail.SceneUserList" :key="index1">
								<view class="rankIndex">
									<text>{{ index1 + 1 }}</text>
								</view>
								<view class="HeardBox">
									<image class="rankHeard" src="@/static/default_headimage.png"></image>
								</view>
			
								<view class="NameBox">
									<view class="userName text-bold">{{qtem.RealName}}{{qtem.isFillUser==1?' - 填报人':''}}</view>
									<view class="userPost text-gray"></view>
									<view class="color_ccc">
										<text class="text-blue">{{qtem.Phone}}</text>
									</view>
								</view>
								<view @click="callPhoneNumber(qtem.Phone)" class="download_box">
									<image mode="widthFix" src="@/static/callPhone.png"></image>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-if="goodsNav==8"  style="margin-top: 20rpx;">
				<view v-if="dataDetail.QrcodeContractEntity!=null" class="top-box shadow">
					<view class="cu-list menu">
						<view style="padding-left: 0px;" class="cu-item">
							<view class="cu-item-title">
								<text class="cu-item-title-text">联系人</text>
							</view>
						</view>
						<view class="rankList_box">
							<view class="rankItem">
								<view class="HeardBox">
									<image class="rankHeard" src="@/static/default_headimage.png"></image>
								</view>
			
								<view class="NameBox">
									<view class="userName text-bold">{{dataDetail.QrcodeContractEntity.Name}}</view>
									<view class="userPost text-gray"></view>
									<view class="color_ccc">
										<text class="text-blue">{{dataDetail.QrcodeContractEntity.Phone}}</text>
									</view>
								</view>
								<view @click="callPhoneNumber(dataDetail.QrcodeContractEntity.Phone)" class="download_box">
									<image mode="widthFix" src="@/static/callPhone.png"></image>
								</view>
							</view>
						</view>
						<view v-if="dataDetail.QrcodeContractEntity!=null&&dataDetail.QrcodeContractEntity.CustomFieldsList.length>0">
							<view style="padding-left: 0px;margin-bottom: 10rpx;border-bottom: 1px solid #e9e9e9;height: 76rpx;" class="cu-item">
								<view class="cu-item-title">
									<text class="cu-item-title-text">详细信息（点击参数快速复制）</text>
								</view>
							</view>
							<view style="color: #333;margin-top: 0rpx;" class="cu-list menu" v-for="(item,index) in dataDetail.QrcodeContractEntity.CustomFieldsList" :key="index">
								<view class="cu-item" style="padding: 0;font-size: 26rpx;">
									<view style="flex: 1 !important;" class="content">
										<text style="font-weight: 700;" class='text'>{{item.label}}</text>
									</view>
									<view style="flex:1.2;" class="action">
										<text @click="copyTextToClipboard(item.label,item.value)" class='text-lg'>{{item.value}}</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-if="goodsNav==1" style="margin-top: 20rpx;">
				<view v-if="dataDetail.QrcodeSceneProcessList.length>0" class="top-box shadow">
						<view class="cu-item" style="padding: 0;">
							<view class="cu-item-title">
								<text class="cu-item-title-text">处理信息</text>
							</view>
						</view>
						<view class="cu-list menu cu-list-next" v-for="(jtem,index) in dataDetail.QrcodeSceneProcessList">
							<view class="cu-item" style="padding: 0;">
								<view class="cu-item-title-next">
									<text class="cu-item-title-text-next">第{{index+1}}次处理信息</text>
								</view>
							</view>
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-friendaddfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">处理状态:</text>
									<text :class="jtem.isok==1?'bg-blue':'bg-red'" class="cu-tag margin-right-xs light radius"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">
										{{jtem.isok==1?'已解决':'未解决'}}
										</text>
								</view>
							</view>
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-friendaddfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">填报人员:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{jtem.ProcessUserName}}</text>
								</view>
							</view>
							
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="cuIcon-timefill text-blue  margin-right-xs"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">处理时间:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{jtem.UpdateTime}}</text>
								</view>
							</view>
							
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-formfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">现场备注:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{jtem.ProcessDesc}}</text>
								</view>
							</view>
							
							
							<view v-if="false" class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-formfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">使用备件:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{jtem.SceneSpareTitle}}</text>
								</view>
							</view>
							<view  v-if="jtem.ProcessImagesArry.length > 0" class="cu-list menu">
								<view class="cu-bar bg-white margin-top-xs u-border-bottom">
									<view style="margin-left: 0rpx !important;" class="action sub-title">
										<text class="text-xl text-bold text-blue text-shadow">现场图片</text>
										<text class="text-ABC text-blue">Pictures</text>
									</view>
								</view>
								<view v-if="jtem.ProcessImagesArry.length < 0" class="padding text-grey">暂无数据</view>
								<view v-if="jtem.ProcessImagesArry.length > 0">
									 <view v-for="(item,indexj) in jtem.ProcessImagesArry">
										 <view class="cu-item imagesclass" style="padding: 0;">
											<view class="content">
												<image @click="goPreviewImage(jtem.ProcessImagesArry,indexj)"  :src="jtem.ProcessImagesArry[indexj]+'?imageMogr2/format/jpg/quality/40'" class="png cu-avatar sm imagesclassdetail" mode="aspectFit"></image>
											</view>
										 </view>
									 </view>
								</view>
							</view>
							<view  v-if="jtem.ProcessVoice !=null &&jtem.ProcessVoice !=''"  class="cu-list menu">
								<view class="cu-bar bg-white margin-top-xs u-border-bottom">
									<view style="margin-left: 0rpx !important;" class="action sub-title">
										<text class="text-xl text-bold text-blue text-shadow">现场视频</text>
										<text class="text-ABC text-blue">Video</text>
									</view>
								</view>
								<view  class="cu-item" style="padding: 0;">
									<view class="content">
										<view v-if="jtem.ProcessVoice ==null ||jtem.ProcessVoice ==''" class="padding text-center text-grey">暂无数据</view>
										<video  v-if="jtem.ProcessVoice !=null && jtem.ProcessVoice !=''" :src="jtem.ProcessVoice" style="width: 100%;"  playerid="txv1"></video>
									</view>
								</view>
							</view>
						</view>
						
				</view>
			</view>
			
			<view v-if="goodsNav==1" style="margin-top: 20rpx;">
				<view v-if="dataDetail.QrcodeSceneProcessList.length>0" class="top-box shadow">
					<view v-if="dataDetail.containsSceneAccept">
						<view class="cu-item" style="padding: 0;">
							<view class="cu-item-title">
								<text class="cu-item-title-text">最新验收信息</text>
							</view>
						</view>
						<view class="cu-list menu cu-list-next">
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-friendaddfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">验收状态:</text>
									<text :class="dataDetail.QrcodeSceneAcceptDetailDTO.IsOk==1?'bg-green':'bg-red'" class="cu-tag margin-right-xs light radius"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">
										{{dataDetail.QrcodeSceneAcceptDetailDTO.IsOk==1?'通过':'不通过'}}
										</text>
								</view>
							</view>
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-friendaddfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">验收人员:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeSceneAcceptDetailDTO.AcceptUserName}}</text>
								</view>
							</view>
							<view v-if="dataDetail.QrcodeSceneAcceptDetailDTO.Content" class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="bxImg cuIcon-formfill text-blue"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">验收备注:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeSceneAcceptDetailDTO.Content}}</text>
								</view>
							</view>
							<view class="cu-item" style="padding: 0;">
								<view class="content" style="display: flex; justify-content: space-around;">
									<text class="cuIcon-timefill text-blue  margin-right-xs"></text>
									<text class="text-black text-bold"
										style="min-width: 200rpx; max-width: 200rpx; text-align: left;">验收时间:</text>
									<text class="text-black"
										style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeSceneAcceptDetailDTO.AddTime}}</text>
								</view>
							</view>
							
							<view v-if="dataDetail.QrcodeSceneAcceptDetailDTO.SignImageArry.length>0" class="cu-list menu">
								<view class="cu-bar bg-white margin-top-xs u-border-bottom">
									<view class="action sub-title">
										<text class="text-xl text-bold text-blue text-shadow">签字</text>
										<text class="text-ABC text-blue">Sign</text>
									</view>
								</view>
								<view>
									
									 <view class="cu-item imagesclass" style="padding: 0;">
										<view class="content">
											<image @click="goPreviewImage(dataDetail.QrcodeSceneAcceptDetailDTO.SignImageArry,0)"  :src="dataDetail.QrcodeSceneAcceptDetailDTO.SignImage+'?imageMogr2/format/jpg/quality/40'" class="png cu-avatar sm imagesclassdetail" mode="aspectFit"></image>
										</view>
									 </view>
								</view>
							</view>
							
						</view>
					</view>
				</view>
			</view>
			<view v-if="goodsNav==1" style="margin-top: 20rpx;">
				<view v-if="dataDetail.containsSceneVerify" class="top-box shadow">
					<view class="cu-item" style="padding: 0;">
						<view class="cu-item-title">
							<text class="cu-item-title-text">最新审核信息</text>
						</view>
					</view>
					<view class="cu-list menu cu-list-next">
						<view class="cu-item" style="padding: 0;">
							<view class="content" style="display: flex; justify-content: space-around;">
								<text class="bxImg cuIcon-friendaddfill text-blue"></text>
								<text class="text-black text-bold"
									style="min-width: 200rpx; max-width: 200rpx; text-align: left;">审核状态:</text>
								<text :class="dataDetail.QrcodeSceneVerifyEntity.IsOk==1?'bg-green':'bg-red'" class="cu-tag margin-right-xs light radius"
									style="min-width: 380rpx; max-width: 380rpx; text-align: left;">
									{{dataDetail.QrcodeSceneVerifyEntity.IsOk==1?'通过':'不通过'}}
									</text>
							</view>
						</view>
						<view class="cu-item" style="padding: 0;">
							<view class="content" style="display: flex; justify-content: space-around;">
								<text class="bxImg cuIcon-friendaddfill text-blue"></text>
								<text class="text-black text-bold"
									style="min-width: 200rpx; max-width: 200rpx; text-align: left;">审核人员:</text>
								<text class="text-black"
									style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeSceneVerifyEntity.VerifyUserName}}</text>
							</view>
						</view>
						<view v-if="dataDetail.QrcodeSceneVerifyEntity.Content" class="cu-item" style="padding: 0;">
							<view class="content" style="display: flex; justify-content: space-around;">
								<text class="bxImg cuIcon-formfill text-blue"></text>
								<text class="text-black text-bold"
									style="min-width: 200rpx; max-width: 200rpx; text-align: left;">审核备注:</text>
								<text class="text-black"
									style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeSceneVerifyEntity.Content}}</text>
							</view>
						</view>
						<view class="cu-item" style="padding: 0;">
							<view class="content" style="display: flex; justify-content: space-around;">
								<text class="cuIcon-timefill text-blue  margin-right-xs"></text>
								<text class="text-black text-bold"
									style="min-width: 200rpx; max-width: 200rpx; text-align: left;">审核时间:</text>
								<text class="text-black"
									style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.QrcodeSceneVerifyEntity.AddTime}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-if="goodsNav==7" style="margin-top: 20rpx;">
				<view v-if="dataDetail.directFillPrice==1">	
					<view class="top-box shadow">
						<view  class="cu-list menu">
							<view class="cu-item" style="padding: 0;">
								<view class="cu-item-title">
									<text class="cu-item-title-text">服务费明细</text>
								</view>
							</view>
							<view style="margin-top: 20rpx;padding-top: 0px;" class="content-body">
								<view>
									<view class="shop-car">
										<view class="store-box" style="margin-bottom: 0rpx !important;">
											<view class="chooseBoxTextArea" style="padding: 0rpx !important;">
												<view class="titleleftBox">
													<view class="choose">
														<view class="chooseLeft">总计</view>
													</view>
													<textarea disabled type="number" :value="'¥'+dataDetail.totalPrice"  class="proceTextarea"/>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view v-if="dataDetail.directFillPrice==0">	
					<view class="top-box shadow">
						<view  class="cu-list menu">
							<view class="cu-item" style="padding: 0;">
								<view class="cu-item-title">
									<text class="cu-item-title-text">服务费明细</text>
								</view>
							</view>
							<view style="margin-top: 20rpx;padding-top: 0px;" class="content-body">
								<view>
									<view class="shop-car">
										<view class="store-box">
											<view class="chooseBoxTextArea" style="padding: 0rpx !important;">
												<view class="titleleftBox">
													<view class="choose">
														<view class="chooseLeft">折扣费用</view>
													</view>
													<input disabled :value="'-'+dataDetail.discountPrice" style="padding-top: 0rpx;" type="number" class="proceTextarea"/>
												</view>
											</view>
										</view>
									</view>
									<view class="shop-car">
										<view class="store-box" style="margin-bottom: 0rpx !important;">
											<view class="chooseBoxTextArea" style="padding: 0rpx !important;">
												<view class="titleleftBox">
													<view class="choose">
														<view class="chooseLeft">总计</view>
													</view>
													<textarea disabled type="number" :value="'¥'+dataDetail.totalPrice"  class="proceTextarea"/>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="top-box shadow" style="margin-top: 20rpx;">
						<view  class="cu-list menu">
							<view class="cu-item" style="padding: 0;">
								<view class="cu-item-title">
									<text class="cu-item-title-text">服务项目信息</text>
								</view>
							</view>
							<view style="padding-top: 0px;" class="content-body">
								<view class="shop-car">
									<view class="store-box" v-for="(itemq,indexq) in dataDetail.outboundSceneServiceDTOs" :key="indexq">
										<view class="ETBJAndFSEntitytitle" style="margin-bottom: 0rpx !important;">
											<text class="ETBJAndFSEntitytitle-left">领用单号：{{itemq.OutCode}}</text>
											<text class="ETBJAndFSEntitytitle-right" :class="'status3'">
												
											</text>
										</view>
										<view style="height: auto;" class="goodsInfo" v-for="(itemw,indexw) in itemq.QrcodeSceneServiceResultDTO" :key="indexw">
											<view class="goodsInfo-right">
												<image :src="sceneServiceNoData" class="goods-image" mode=""></image>
												<view style="align-items:left" class="goodsInfo-box">
													<text class="goods-name">{{itemw.ServiceName}}</text>
													<text class="spe">{{itemw.ServiceDesc}}</text>
													<view class="goods-box">
														<text style="font-weight: 400 !important;" class="goods-price">单价：{{itemw.ServicePrice}}  -  数量：{{itemw.Counts}}{{itemw.ServiceUnitName}}</text>
													</view>
												</view>
											</view>
										</view>
										<view class="ETBJAndFSEntitytitle" style="margin-bottom: 0rpx !important;">
											<text class="ETBJAndFSEntitytitle-left" :class="'status2'">服务项目小计：{{itemq.TotalPrice}}</text>
											<text class="ETBJAndFSEntitytitle-right">
											</text>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-if="goodsNav==9" style="margin-top: 20rpx;">
				<view class=""  style="margin-bottom: 110rpx;width: 100%;background-color: white;">
					<view class="page-box" style="padding: 20rpx;">
						<view class="cu-timeline">
							<view class="cu-time" style="width: 100%;text-align: left; padding: 20rpx 0 20rpx 37rpx;">
								<text class='cuIcon-selection text-white bg-blue text-lg round padding-xs'></text>
								<text class='text-xl margin-left'>工单工作内容</text>
							</view>
						</view>
						<view class="cu-timeline" v-for="(res, index) in SceneWorkFlowList" :key="res.Id">
							<view class="cu-item" :class="res.SignStatus==1?'text-blue':res.SignStatus==2?'text-orange':'text-green'">
								<view class="content">
									<view class="cu-capsule radius">
										<view  class="cu-tag" :class="res.SignStatus==1?'bg-blue':res.SignStatus==2?'bg-orange':'bg-green'">({{res.Sort}}){{res.WorkFlowName}}{{res.Required==1?'-必答':''}}</view>
										<view class="cu-tag"></view>
										<view v-if="res.SignStatus==3" @click="goTopic(res.Id,res.SignStatus,res.SignId)"  style="margin-left: 20rpx;border-left: 1px solid;" class="cu-tag" :class="res.SignStatus==1?'line-blue':res.SignStatus==2?'line-orange':'line-green'">查看</view>
									</view>
								</view>
							</view>
						</view>
						<view style="width:100%;height:200rpx;"></view>
					</view>
				</view>
			</view>
			<view style="height: 140rpx;width: 100%;"></view>
			<multiple-select
				  v-model="show"
				  :data="list"
				  :default-selected="defaultSelected"
				  @confirm="confirm"
			></multiple-select>
		</view>
		
		
		<!-- 新版本按钮 -->
		<view v-if="SceneButtonList.length>0" class="publish-goods-wrap">
			<view class="button-group" :style="'--item-count:'+SceneButtonList.length">
				<view v-for="(item, index) in SceneButtonList" :key="index" class="button-item"
					@click="goWhere(item.Value,dataDetail.Id)">
					{{ item.Title }}
				</view>
			</view>
		</view>
		<ba-tree-picker ref="treePicker" :multiple='true' @select-change="selectAssign" title="选择部门/人员"
		 :localdata="treeUserList" valueKey="id" textKey="name" childrenKey="children" />
		 
		<!-- 切换巡检计划弹窗 :class="modalName=='ModalGitee'?'show':''" -->
		<view v-show="modalName=='ModalGitee'" class="cu-modal" >
			<view class="cu-dialog">
				<view class="cu-bar bg-white justify-end">
					<view class="content">驳回信息</view>
					<view class="action" @tap="hideModal">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view class="padding-xs" style="padding-bottom: 20rpx;">
					<view class="page-box">
						<view class="top-box shadow">
							<view class="cu-list menu" >
								<view class="cu-item" style="padding: 0;">
									<view class="content" style="display: flex; justify-content: space-around;">
										<text class="bxImg cuIcon-friendaddfill text-blue"></text>
										<text class="text-black text-bold"
											style="min-width: 200rpx; max-width: 200rpx; text-align: left;">驳回人:</text>
										<text class="text-black"
											style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.ReBackDetail.QrcodeUserName}}</text>
									</view>
								</view>
								<view class="cu-item" style="padding: 0;">
									<view class="content" style="display: flex; justify-content: space-around;">
										<text class="bxImg cuIcon-timefill text-blue"></text>
										<text class="text-black text-bold"
											style="min-width: 200rpx; max-width: 200rpx; text-align: left;">驳回时间:</text>
										<text class="text-black"
											style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.ReBackDetail.AddTime}}</text>
									</view>
								</view>
								<view class="cu-item" style="padding: 0;padding-top: 16rpx;">
									<view class="content" style="display: flex; justify-content: space-around;">
										<text class="bxImg cuIcon-backwardfill text-blue"></text>
										<text class="text-black text-bold" 
											style="min-width: 200rpx; max-width: 200rpx; text-align: left;">驳回理由:</text>
										<textarea disabled class="text-black" style="min-width: 380rpx; max-width: 380rpx; text-align: left;word-wrap: break-word;height: auto;padding-bottom: 10rpx;">
											{{dataDetail.ReBackDetail.RemarkAll}}
										</textarea>
										<!-- <text class="text-black"
											style="min-width: 380rpx; max-width: 380rpx; text-align: left;">{{dataDetail.ReBackDetail.RemarkAll}}</text> -->
									</view>
								</view>
							</view>
						</view>	
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import request from '@/common/request.js';
import request1 from '@/common/request.js';
	export default {
		components: {
		},
		data() {
			return {
				isPlaying: false,
				audioContext: null,
				SceneWorkFlowList:[],
				showSpareV2:false,
				modalName: null,
				buttons: [{
					label: '今年',
					getUrl: 'getTerminalYearSaleInfo',
					xlength: 12
				},
				{
					label: '近 30 天',
					getUrl: 'getTerminalMonthSaleInfo',
					xlength: 30
				},
				{
					label: '近 7 天',
					getUrl: 'getTerminalWeekSaleInfo',
					xlength: 7
				},
				{
					label: '昨日',
					getUrl: 'getTerminalDaySaleInfo',
					xlength: 24
				},
				],
				//是否验收签字
				isSceneAcceptSign:0,
				goodsNav: 1,
				spareNoData:this.$request22.baseUrl1+'/Resource/Sg/spare/sparenodata.png',
				sceneServiceNoData:this.$request22.baseUrl1+'/Resource/Sg/scene/sceneServiceNoData.png',
				treeUserList:[],
				count: 5,
				IsAdmin:0,
				show: false, //是否显示
				info: "",
				list: [
				], //数据源
				defaultSelected: [], //默认选中项
				desc:'',
				id:0,
				params:{},
				dataDetail:{
					Id:0,
					QrcodeId:'',
					QrcodeName:'',
					AddUser:'',
					AddUserName:'',
					AddTime:'',
					Desc:'',
					SceneType:'',
					Images:'',
					ImagesArry:[],
					Voice:'',
					baseUrl:'',
					QrcodeSceneProcessList:[],
					SceneUserList:[],
					ProcessUserName:'',
					UpdateTime:'',
					ProcessDesc:'',
					ProcessImages:'',
					ProcessImagesArry:[],
					ProcessVoice:'',
					SceneSpare:'',
					SceneSpareTitle:'',
					CommentRate:0,
					CommentContent:'',
					CurrentSteps:1,
					CustomFieldsList:[],
					outboundSpareDTOs:[],
					outboundSpareDTOV2:[],
					QrcodeSceneAssignDTOList:[],
					containsSceneAccept:false,
					QrcodeSceneAcceptDetailDTO:null,
					markers:[],
					Latitude:'',
					Longitude:'',
					directFillPrice:1,
					discountPrice:0,
					totalPrice:0,
					outboundSceneServiceDTOs:[],
					Phone:'',
					ReBackDetail:{
						QrcodeUserId:'',
						QrcodeUserName:'',
						AddTime:'',
						Remark:'',
					},
					isQrcodeService:0,
					IsSceneTopic:0,
				},
				isCommon:false,
				// 1待指派，2待处理，5待验收，3 待结案（验收通过） ，4已结案， 95验收不通过， 96 撤回，97 被驳回,98 已评论
				numList: [{
					name: '工单上报'
				}, {
					name: '工单处理'
				},  {
					name: '结案'
				}, ],
				checkStatusClass:'',
				checkStatusTitle:'',
				SceneButtonList:[],
				//showDetail:false
			}
		},
		onShow() {
			
		},
		onLoad(option) {
			let that=this
			that.id=option.id
			that.desc=option.desc
			that.IsAdmin=option.IsAdmin
			that.getQrcodeSceneDetail(option.id)
			
			
			//获取登录用户缓存
			uni.getStorage({
				key: 'userdata',
				success: function (res1) {
					that.isSceneAcceptSign=res1.data.isSceneAcceptSign;
				}
			});
			
			//判断用什么备件系统
			uni.getStorage({
			  	key: 'userdata',
			  	success: function (userStorageRes) {
					//console.log('userStorageRes.data.IsSpareV2:'+userStorageRes.data.IsSpareV2)
					if(userStorageRes.data.IsSpareV2!=undefined&&userStorageRes.data.IsSpareV2!=null&&userStorageRes.data.IsSpareV2!=0){
						that.showSpareV2=true
					}
			  	}
			});
			
			//播放录音
			// 创建音频上下文
			// that.audioContext = uni.createInnerAudioContext();
			// that.audioContext.src =that.dataDetail.RecordDataUrl; // 替换为你的 MP3 文件地址
			// console.log("that.audioContext:"+JSON.stringify(that.audioContext))
		
			
		},
		onReachBottom() {

		},
		onShareAppMessage() {
			return {
				title: '分享'
			}
		},
		onUnload() {
			if(this.audioContext!=null){
				// 页面卸载时销毁音频上下文
				this.audioContext.destroy();
			}
		},
		methods: {
			playAudio() {
				console.log('playAudio')
				console.log('this.isPlaying:'+this.isPlaying)
				if (this.isPlaying) {
					this.audioContext.pause();
				} else {
					this.audioContext.play();
				}
			},
			goTopic(id,SignStatus,SignId){
				let that=this
				uni.navigateTo({
					url: '/pages-scene/workflow/sceneTopic?flowId='+id+'&SceneId='+that.id+'&SignStatus='+SignStatus+'&SignId='+SignId
				})	
			},
			GetSceneWorkFlowList(){
				let that=this
				uni.showLoading({
					title:'请求中...'
				})
				let opts = {
					url: 'SceneApi/GetSceneWorkFlowList?SceneId='+that.dataDetail.Id,
					method: 'get'
				};
				request.httpTokenRequest(opts).then(res => {
					uni.hideLoading()
					if(res.data.code == 1){
						that.SceneWorkFlowList=res.data.data
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			showGitee(e){
				this.modalName = 'ModalGitee'
			},
			hideModal(e) {
				this.modalName = ''
			},
			copyTextToClipboard(label,text) {
			  uni.setClipboardData({
			    data: text,
			    success: function () {
					uni.showToast({
						title: label+'复制成功',
						icon:'none',
						duration: 2000
					});
			    },
			    fail: function (err) {
					console.log(JSON.stringify(err))
					uni.showToast({
						title: label+'复制失败',
						icon:'none',
						duration: 2000
					});
			    }
			  });
			},
			daoHang(latitude,longitude){
				console.log(latitude+','+longitude)
				uni.openLocation({
					latitude: parseFloat(latitude),
					longitude: parseFloat(longitude),
					address: "",
					success: function() {
					},
					fail(err) {
						uni.showToast({ title:err, });
					}
				});
			},
			moveTolocation(latitude,longitude){
				console.log('moveTolocation')
				console.log('latitude:'+latitude)
				console.log('longitude:'+longitude)
				let mapObjs = uni.createMapContext('map1', this)
				mapObjs.moveToLocation({ latitude:latitude,longitude:longitude,},
				    {
					complete: res=>{
						console.log('移动完成:', res)
					}
				})
			},
			setNav(goodsNav) {
				console.log('setNav:'+goodsNav)
				let that=this
				that.goodsNav=goodsNav
				if(goodsNav==9){
					that.GetSceneWorkFlowList()
				}
			},
			selectAssign(ids){
				let that=this
				if(ids.length==0){
					uni.showToast({ title:'请选择人员或部门', icon: 'none' });
					this.$refs.treePicker._show();
				}else{
					console.log(ids)
					let opts = {
						url: 'api/QrcodeSceneAssignUserOrDepart',
						method: 'post'
					}
					let getdata={
						sceneId:that.sceneAssignId,
						sceneUserOrDepart:ids 
					}
					console.log(getdata)
					request1.httpTokenRequest(opts,getdata).then(res => {
						uni.hideLoading();
						if(res.data.code == 1){
							uni.showToast({ title: '指派成功', icon: 'none' });
							setTimeout(() => {
								 uni.reLaunch({
									url: '/pages/index/tabbar?PageCur='+'index'
								 });
							}, 1000)
						}
						else{
							uni.showToast({ title: res.data.msg, icon: 'none' ,duration:4000 });
						}
					});
				}
			},
			//拨打固定电话
			callPhoneNumber(phone) {
				if(phone==null||phone==''||phone==undefined){
					uni.showToast({ title: '号码不存在', icon: 'none' ,duration:3000 });
					return;
				}
				uni.makePhoneCall({
					phoneNumber:phone,
				});
			},
			//工单改版-start
			goWhere(value,id){
				let that=this
				console.log(value)
				if(value=='assign'){
					//指派
					//打开弹窗
					let opts = {
						url: 'api/GetDepartmentTreeList',
						method: 'get'
					};
					uni.showLoading({
						title: '加载中'
					})
					let GetDepartmentTreeListPara={
						type:'notall'
					}
					request1.httpTokenRequest(opts,GetDepartmentTreeListPara).then(res => {
						uni.hideLoading();
						if(res.data.code == 1){
							that.treeUserList=res.data.data
							that.sceneAssignId=id
							this.$refs.treePicker._show();
						}else{
							uni.showToast({ title: '人员架构获取失败', icon: '/static/cha.png' });
						}
					})
					//that.assign(id);
				}
				//驳回
				if(value=='reback'){
					uni.showModal({
						title: '提示',
						content: '确认驳回工单吗？',
						success: function (res) {
							if (res.confirm) {
								//that.reback(id,2);
								uni.navigateTo({
									url: '/pages-scene/reback?id='+id
								})
							}
						}
					});
				}
				//主动撤回
				if(value=='recall'){
					uni.showModal({
						title: '提示',
						content: '确认撤回工单吗？',
						success: function (res) {
							if (res.confirm) {
								that.reback(id,1);
							}
						}
					});
				}
				if(value=='handle'){
					console.log('check handle')
					that.handle(id);
				}
				if(value=='comment'){
					that.goComment(id);
				}
				if(value=='end'){
					that.goEnd(id);
				}
				if(value=='accept'){
					uni.showModal({
						title: '提示',
						content: '确认验收工单吗？',
						success: function (res) {
							if (res.confirm) {
								that.acceptScene(id);
							}
						}
					});
				}
				if(value=='notaccept'){
					that.notAcceptScene(id);
				}
				//||value=='notverify' 审核不通过
				if(value=='notverify'){
					that.notVerifyScene(id);
				}
				//审核通过
				if(value=='verify'){
					uni.showModal({
						title: '提示',
						content: '确认审核通过工单吗？',
						success: function (res) {
							//审核通过
							//是否需要签字
							let opts = {
								url: 'api/verifyScene',
								method: 'get'
							};
							let params={
								id:id,
								isok:1,
								content:''
							};
							request1.httpTokenRequest(opts,params).then(res => {
								uni.hideLoading();
								if(res.data.code == 1){
									uni.showToast({ title: '更新成功', icon: '/static/success.png' });
									that.refresh()
								}
								else{
									uni.showToast({ title: res.data.msg, icon: 'none' });
								}
							});
						}
					});
				}
				//主动接单
				if(value=='receiving'){
					uni.showModal({
						title: '提示',
						content: '确认接单吗？',
						success: function (res) {
							if (res.confirm) {
								that.receivingScene(id);
							}
						}
					});
				}
				//放弃接单
				if(value=='reReceiving'){
					console.log('check reReceiving')
					uni.showModal({
						title: '提示',
						content: '确认放弃接单吗？',
						success: function (res) {
							if (res.confirm) {
								that.reReceivingScene(id);
							}
						}
					});
				}
			},
			
			notVerifyScene(id){
				//console.log('notVerifyScene')
				uni.navigateTo({
					url: '/pages-scene/sceneverify?id='+id
				})
			},
			reReceivingScene(id){
				//放弃工单
				var that = this;
				let opts = {
					url: 'api/reReceiving',
					method: 'get'
				};
				let params={
					id:id,
				};
				request1.httpTokenRequest(opts,params).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						uni.showToast({ title: '更新成功', icon: '/static/success.png' });
						that.getQrcodeSceneDetail(id);
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			receivingScene(id){
				//主动接单
				var that = this;
				let opts = {
					url: 'api/receiving',
					method: 'get'
				};
				let params={
					id:id,
				};
				request1.httpTokenRequest(opts,params).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						uni.showToast({ title: '接单成功', icon: '/static/success.png' });
						that.getQrcodeSceneDetail(id);
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			notAcceptScene(id){
				console.log('notAcceptScene')
				uni.navigateTo({
					url: '/pages-scene/sceneaccept?id='+id
				})
			},
			acceptScene(id){
				//验收通过
				var that = this;
				if(that.isSceneAcceptSign==0){
					let opts = {
						url: 'api/acceptScene',
						method: 'get'
					};
					let params={
						id:id,
						isok:1,
						content:''
					};
					request1.httpTokenRequest(opts,params).then(res => {
						uni.hideLoading();
						if(res.data.code == 1){
							uni.showToast({ title: '更新成功', icon: '/static/success.png' });
							that.getQrcodeSceneDetail(id);
						}
						else{
							uni.showToast({ title: res.data.msg, icon: 'none' });
						}
					});
				}else{
					uni.navigateTo({
						url: '/pages-others/sign?id='+id
					})
				}
				
			},
			goEnd(id){
				//结案
				var that = this;
				let opts = {
					url: 'api/EndScene',
					method: 'get'
				};
				let params={
					id:id
				};
				request1.httpTokenRequest(opts,params).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						uni.showToast({ title: '更新成功', icon: '/static/success.png' });
						that.getQrcodeSceneDetail(id);
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			goComment(id){
				console.log(id)
				uni.navigateTo({
					url: '/pages-scene/comment?id='+id
				})
			},
			reback(id,type){
				//管理员驳回工单
				//this.id
				var that = this;
				
				let opts = {
					url: 'api/reBackScene',
					method: 'get'
				};
				if(type==1){
					opts.url="api/reCallScene"
				}
				let params={
					id:id
				}
				request1.httpTokenRequest(opts,params).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						uni.showToast({ title: '更新成功', icon: '/static/success.png' });
						that.getQrcodeSceneDetail(id);
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			handle(id){
				console.log('handle')
				//处理工单
				uni.getStorage({
					key: 'userdata',
					success: function (res1) {
						console.log(res1)
						uni.navigateTo({
							url: '/pages/qrcode/scene/handle?id='+id+'&isSceneFactory='+res1.data.isSceneFactory//+'&qrcodeId='+qrcodeId
						})
					},fail() {
						uni.navigateTo({
							url: '/pages/qrcode/scene/handle?id='+id+'&isSceneFactory=0'//+'&qrcodeId='+qrcodeId
						})
					}
				});
			},
			// 指派确定事件
			confirm(data) {
				if(data.length==0){
					uni.showToast({ title: "请选择人员" ,icon: 'none' });
					return
				}
				let that=this
				//console.log(data);
				let users= data.map((el) => el.value).join(",");
				uni.showLoading({
					title: '提交中'
				})
				//加载人员数据
				let opts = {
					url: 'api/QrcodeSceneAssign',
					method: 'get'
				};
				
				that.params.sceneid=that.id
				that.params.sceneuser=users
				request.httpTokenRequest(opts,that.params).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						uni.showToast({ title: '更新成功', icon: '/static/success.png' });
						setTimeout(() => {
							 uni.reLaunch({
								url: '/pages/index/tabbar?PageCur=index'
							 });
						}, 1000)
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			//工单改版-end
			goComment(id){
				console.log(id)
				uni.navigateTo({
					url: '/pages-scene/comment?id='+id
				})
			},
			//指派工单
			assign(){
				let that=this
				that.show=true
				uni.showLoading({
					title: '加载中'
				})
				//加载人员数据
				let opts = {
					url: 'api/GetQrcodeUserList',
					method: 'get'
				};
				request.httpTokenRequest(opts).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						that.list=res.data.data;
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			// 确定事件
			confirm(data) {
				if(data.length==0){
					uni.showToast({ title: "请选择人员" ,icon: 'none' });
					return
				}
				let that=this
				//console.log(data);
				let users= data.map((el) => el.value).join(",");
				uni.showLoading({
					title: '提交中'
				})
				//加载人员数据
				let opts = {
					url: 'api/QrcodeSceneAssign',
					method: 'get'
				};
				
				that.params.sceneid=that.id
				that.params.sceneuser=users
				request.httpTokenRequest(opts,that.params).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						uni.showToast({ title: '更新成功', icon: '/static/success.png' });
						setTimeout(() => {
							 uni.reLaunch({
								url: '/pages/index/tabbar?PageCur=index'
							 });
						}, 1000)
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			goPreviewImage(url,index){
				let urls=[]
				for(let i=0;i<url.length;i++){
					urls.push(url[i]+'?imageMogr2/format/jpg/quality/60')
				}
				uni.previewImage({
					current:index,
					urls:urls
				});
			},
			getQrcodeSceneDetail(id) {
				uni.showLoading({
					title: '加载中'
				})
				var that = this;
				let opts = {
					url: 'api/GetQrcodeSceneDetailNew',
					method: 'get'
				};
				that.params.id=id;
				request.httpTokenRequest(opts,that.params).then(res => {
					//console.log(res);
					uni.hideLoading();
					if(res.data.code == 1){
						that.dataDetail=res.data.data;
						//console.log('that.dataDetail:'+JSON.stringify(that.dataDetail))
						//播放录音
						if(that.dataDetail.RecordDataUrl!=null&&that.dataDetail.RecordDataUrl!=''){
							// 创建音频上下文
							that.audioContext = uni.createInnerAudioContext();
							that.audioContext.src =that.dataDetail.RecordDataUrl; // 替换为你的 MP3 文件地址
							//console.log("that.audioContext:"+JSON.stringify(that.audioContext))
							// 监听音频播放事件							that.audioContext.onPlay(() => {							  that.isPlaying = true;							});													// 监听音频暂停事件							that.audioContext.onPause(() => {							  that.isPlaying = false;							});													// 监听音频结束事件							that.audioContext.onEnded(() => {							  that.isPlaying = false;							});
						}
						that.dataDetail.baseUrl=this.$request22.baseUrl1
						if(that.dataDetail.QrcodeSceneAcceptDetailDTO!=null){
							let SignImage=that.dataDetail.QrcodeSceneAcceptDetailDTO.SignImage
							if(SignImage!=null&&SignImage!=''){
								let SignImageArry=[]
								SignImageArry.push(SignImage)
								that.dataDetail.QrcodeSceneAcceptDetailDTO.SignImageArry=SignImageArry
							}
						}
						//经纬度
						//that.moveTolocation(that.dataDetail.Latitude,that.dataDetail.Longitude)
						let markers=[
							{
								id:1,
								latitude: that.dataDetail.Latitude,
								longitude: that.dataDetail.Longitude,
								iconPath: '../../../static/location.png',
								width:30,
								height:30
							}
						]
						that.dataDetail.markers=markers
						
						uni.getStorage({
							key: 'userdata',
							success: function (userdateRes) {
								if(userdateRes.data.Id==res.data.data.AddUser&&res.data.data.CommentRate==0){
									that.isCommon=true
								}
							}
						});
						
						that.SceneButtonList=res.data.data.SceneButtonList
						//判断
						//1待指派 2 待处理  3待结案 4 已完结
						// 1待指派，2待处理，5待验收，3 待结案（验收通过） ，4已结案， 95验收不通过， 96 撤回，97 被驳回,98 已评论
						//console.log(that.dataDetail.Status)
						if(that.dataDetail.Status==1){
							that.checkStatusClass='bg-blue'
							that.checkStatusTitle='待指派/接单'
						}else if(that.dataDetail.Status==2){
							that.checkStatusClass='bg-orange'
							that.checkStatusTitle='待处理'
						}else if(that.dataDetail.Status==6){
							that.checkStatusClass='bg-yellow'
							that.checkStatusTitle='维修中'
						}else if(that.dataDetail.Status==3){
							that.checkStatusClass='bg-red'
							that.checkStatusTitle='待结案'
						}else if(that.dataDetail.Status==4){
							that.checkStatusClass='bg-green'
							that.checkStatusTitle='已完结'
						}else if(that.dataDetail.Status==5){
							that.checkStatusClass='bg-gray'
							that.checkStatusTitle='待验收'
						}else if(that.dataDetail.Status==98){
							that.checkStatusClass='bg-green'
							that.checkStatusTitle='已评论'
						}else if(that.dataDetail.Status==95){
							that.checkStatusClass='bg-red'
							that.checkStatusTitle='验收不通过'
						}else if(that.dataDetail.Status==96){
							that.checkStatusClass='bg-gray'
							that.checkStatusTitle='撤回'
						}else if(that.dataDetail.Status==97){
							that.checkStatusClass='bg-pink'
							that.checkStatusTitle='被驳回'
						}
						
						//console.log(that.dataDetail.ReBackDetail.QrcodeUserId)
						
						uni.hideLoading();
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			videoErrorCallback: function(e) {
				uni.showModal({
					content: e.target.errMsg,
					showCancel: false
				})
			},
			goHandle(){
				uni.navigateTo({
					url: '/pages/qrcode/scene/handle?id='+this.id
				})
			},
			end(){
				//this.id  
				var that = this;
				let opts = {
					url: 'api/EndScene',
					method: 'get'
				};
				that.params.id=this.id;
				request.httpTokenRequest(opts,that.params).then(res => {
					//console.log(res);
					uni.hideLoading();
					if(res.data.code == 1){
						uni.showToast({ title: '更新成功', icon: '/static/success.png' });
						setTimeout(() => {
							 uni.reLaunch({
								url: '/pages/index/tabbar?PageCur=index'
							 });
						}, 1000)
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			}
		}
	}
</script>
<style lang="scss" scoped>
	.uni-video{
		width: 100% !important;
	}
	.container {
		width: 750rpx;
		color: #333333;
		.imagesclass{
			width:33%;
			float:left;
			.imagesclassdetail{
				width: 100px !important;
				height: 100px !important;
				margin-right: 20px;
			}
		}
		.bg-top {
			margin-top: -1rpx;
			width: 750rpx;
			height: 220rpx;
			padding-top: 40rpx;
			border-radius: 0 0 20% 20%;

			.top-box {
				width: 700rpx;
				background-color: #FFFFFF;
				margin: 0 auto;
				border-radius: 20rpx;
				padding: 20rpx 30rpx 0rpx;
				position: relative;

				.qh-pic {
					position: absolute;
					right: 64rpx;
					top: -50rpx;
					border-radius: 12rpx;
				}

				.qh-title {
					width: 100%;
					height: 60rpx;
					line-height: 65rpx;
					padding-right: 190rpx;
				}

				.bxBox {
					position: relative;
					display: flex;
					/* padding: 0 30rpx; */
					min-height: 100rpx;
					/* background-color: #ffffff; */
					/* justify-content: space-between; */
					align-items: center;
					font-size: 30rpx;
					line-height: 1.6em;
					flex: 1;

					.bxImg {
						display: inline-block;
						margin-right: 10rpx;
						width: 1.6em;
						text-align: center;
					}
				}

			}
		}

		.center-box {
			color: #333333;
			width: 700rpx;
			background-color: #FFFFFF;
			margin: 0 auto;
			border-radius: 20rpx;
			padding: 0rpx 30rpx 0rpx;
			position: relative;
			margin-top: 20rpx;
		}
	}
	
	.publish-goods-wrap {
		//border: 1px solid red;
		background: rgba(255, 255, 255, 1);
		// padding: 18rpx;
		padding: 20rpx 30rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		//width: 99.99vw;
		width: 100%;
		height: 160rpx;
		z-index: 999;
	}
	
	.publish-goods-btn0 {
		margin: 18rpx;
		background: #39b54a;
		color: #FFFFFF;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 72rpx;
	}
	.publish-goods-btn1 {
		margin: 18rpx;
		background: #0079FE;
		color: #FFFFFF;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 72rpx;
	}
	.publish-goods-btn2 {
		margin: 18rpx;
		background: #e54d42;
		color: #FFFFFF;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 72rpx;
	}
	.publish-goods-btn3 {
		margin: 18rpx;
		background: #550000;
		color: #FFFFFF;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 72rpx;
	}
	.publish-goods-btn4 {
		margin: 18rpx;
		background: #00aaff;
		color: #FFFFFF;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 72rpx;
	}
	.publish-goods-btn5 {
		margin: 18rpx;
		background: #005500;
		color: #FFFFFF;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 72rpx;
	}
	
	.goods-empty-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 40%;
	}
	.cu-item-title-text{
		color: #333;font-weight: 700;font-size: 32rpx;border-left: 4px solid #0081ff;padding-left: 20rpx;
	}
	.cu-list-next{
		min-height: 60rpx;
	}
	.cu-item-title-next{
		min-height: 60rpx;
	}
	.cu-item-title-text-next{
		color: #55aaff;font-weight: 600;font-size: 28rpx;padding-left: 0rpx;line-height: 60rpx;
	}
	
	
	.content-body{
		padding-top: 20rpx;
		//padding-bottom: 200rpx;
		width: 100%;
		background-color: white;
	}
	.shop-car {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: white;
	
		.shop-car-header {
			width: 690rpx;
			height: 80rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-end;
	
			text {
				font-size: 28rpx;
				font-weight: 400;
				color: #313133;
			}
		}
	
		.store-box {
			width: 100%;
			margin-bottom: 20rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #FFFFFF;
			border-bottom: 1px dotted #d9d9d9;
	
			.store-header {
				width: 690rpx;
				height: 78rpx;
				padding: 0 30rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				font-size: 28rpx;
				font-weight: 400;
				color: #313133;
	
				.checked-image {
					width: 36rpx;
					height: 36rpx;
				}
	
				text {
					font-size: 28rpx;
					font-weight: 400;
					color: #313133;
					margin-left: 20rpx;
				}
	
				.label {
					width: 14rpx;
					height: 24rpx;
					margin-left: 10rpx;
					margin-top: 5rpx;
				}
			}
	
			.goodsInfo {
				width: 690rpx;
				height: 226rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				border-bottom: 2rpx solid #EDEDED;
	
				&:nth-last-child(1) {
					border: none;
				}
	
				.checked-image {
					width: 36rpx;
					height: 36rpx;
				}
	
				.goodsInfo-right {
					width: 634rpx;
					height: 200rpx;
					margin-left: 20rpx;
					display: flex;
					flex-direction: row;
					align-items: center;
	
					.goods-image {
						width: 140rpx;
						height: 140rpx;
					}
	
					.goodsInfo-box {
						width: 428rpx;
						margin-left: 24rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
	
						.goods-name {
							width: 428rpx;
							font-size: 32rpx;
							font-weight: 600;
							color: #313133;
							
						}
	
						.spe {
							width: 428rpx;
							margin-top: 10rpx;
							font-size: 24rpx;
							font-weight: 400;
							color: #919298;
						}
	
						.goods-box {
							width: 428rpx;
							margin-top: 18rpx;
							display: flex;
							flex-direction: row;
							align-items: center;
							justify-content: space-left;
	
							.goods-price {
								display: flex;
								font-size: 28rpx;
								font-weight: 600;
								color: #e7612e;
								margin-right: 20rpx;
							}
							.goods-price1 {
								display: flex;
								font-size: 28rpx;
								font-weight: 600;
								color: #54B886;
							}
							
							.goods-num-box {
								width: 168rpx;
								height: 46rpx;
								display: flex;
								flex-direction: row;
								align-items: center;
	
								.goods-image {
									width: 46rpx;
									height: 44rpx;
									text-align: center;
									line-height: 44rpx;
									border: 1rpx solid #CFCFCF;
									font-size: 38rpx;
								}
	
								.goods-num {
									width: 76rpx;
									height: 44rpx;
									text-align: center;
									line-height: 44rpx;
									font-size: 33rpx;
									font-weight: 400;
									color: #666666;
									border-top: 1px solid #CFCFCF;
									border-bottom: 1px solid #CFCFCF;
								}
							}
						}
					}
				}
			}
		}
	
		.statistics-box {
			width: 750rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #FFFFFF;
			position: fixed;
			bottom: 0;
	
			.statistics {
				width: 720rpx;
				padding: 0 0 0 30rpx;
				height: 98rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
	
				.statistics-left {
					width: 120rpx;
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: space-between;
	
					image {
						width: 36rpx;
						height: 36rpx;
					}
	
					text {
						font-size: 30rpx;
						font-weight: 400;
						color: #313133;
					}
				}
	
				.statistics-right {
					width: 600rpx;
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: flex-end;
	
					.btn {
						width: 218rpx;
						height: 98rpx;
						background: #0081ff;
						color: white;
						text-align: center;
						line-height: 98rpx;
						font-size: 30rpx;
						font-weight: 400;
						margin-left: 40rpx;
					}
	
					text {
						font-size: 30rpx;
						font-weight: 400;
						color: white;
					}
	
					.text-color {
						color: rgba(242, 18, 18, 1);
					}
				}
			}
	
			.gap {
				width: 750rpx;
				height: 40rpx;
			}
		}
	}
	
	
	
	.ETBJAndFSEntitytitle{
		width: 100%;
		height: 80rpx;
		//border-bottom: 1px solid #F2F5F9;
		//margin-bottom: 20rpx;
		line-height: 80rpx;
		.ETBJAndFSEntitytitle-left{
			width: 80%;
			height: 100%;
			text-align: left;
			color: #313133;
			font-size: 28rpx;
			font-weight: 600;
			display: block;
			float: left;
		}
		.ETBJAndFSEntitytitle-right{
			width: auto;
			height: 100%;
			text-align: right;
			color: #313133;
			font-size: 28rpx;
			font-weight: 600;
			display: block;
			float: right;
			margin-right: 40rpx;
		}
		// 1 审核中，2 通过，3 驳回
		.status1{
			color: #FC9979;
		}
		.status2{
			color: #54B886;
		}
		.status3{
			color: #e54d42;
		}
		
		.bottom {
			line-height: 70rpx;
			display: flex;
			align-items: center;
			.btnBox{
				width: 220rpx;
				display: flex;
				justify-content: space-between;
				float:right;
				margin-right: 20rpx;
				.btn {
					line-height: 62rpx;
					width: 220rpx;
					border-radius: 31rpx;
					border: 2rpx solid $u-tips-color;
					font-size: 26rpx;
					text-align: center;
					color: $u-tips-color;
				}
				.evaluate {
					color: $u-type-primary;
					border-color: $u-type-primary;
				}
				.evaluate1 {
					color:white;
					background-color: $u-type-primary;
					border-color: $u-type-primary;
				}
			}
		}
	
	}
	
	
	.goods-header-wrap {
		display: flex;
		align-items: center;
		padding: 24rpx;
		background: #FFFFFF;
		margin-bottom: 10rpx;
	}
	.goods-header-item{
		width:33%;
		text-align: center;
		// position: relative;
		// z-index: 999;
		// pointer-events: auto;
	}
	.goods-header-item-active{
		font-size: 30rpx;
		font-color: #333333;
		font-weight: bold;
		position: relative;
	}
	.goods-header-item-active::after{
		position: absolute;
		left: 50%;
		right: 0;
		background: #4372fe;
		height: 8rpx;
		content: "";
		bottom: -12rpx;
		width: 60rpx;
		margin-left: -30rpx;
		border-radius: 200rpx;
	}
	.goods-header-item-action {
		// font-size: 32rpx;
		// font-color: #333333;
		// font-weight: bold;
		position: relative;
	}
	
	.goods-header-item-action::after {
		// position: absolute;
		// left: 0;
		// right: 0;
		// background: #4372fe;
		// height: 8rpx;
		// content: "";
		// bottom: -12rpx;
	}
	.extraPosition{
		position: absolute;
		right: -5rpx;
		top: -10rpx;
		font-size: 20rpx;
		padding: 0rpx 10rpx;
		height: 28rpx;
		color: #ffffff;
		background-color: #dd514c;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	
	.publish-goods-btn {
		width:160rpx;
		background: #e7612e;
		color: #FFFFFF;
		height: 54rpx;
		line-height: 54rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 82rpx;
		float:right;
		margin-right: 20rpx;
		margin-top: 20rpx;
	}
	
	// 列表
		.rankList_box {
			width: 750rpx;
			min-height: 150rpx;
			color:black;
		}
	
		.rankItem:last-child {
			border: none;
		}
	
		.rankItem {
			width: 700rpx;
			height: 140rpx;
			//margin: 0px auto;
			border-bottom: 1px solid #e9e9e9;
		}
	
		.rankIndex {
			width: 60rpx;
			height: 140rpx;
			line-height: 140rpx;
			text-align: center;
			color: #CCCCCC;
			font-size: 40rpx;
			float: left;
		}
	
		.HeardBox {
			width: 100rpx;
			height: 100rpx;
			margin: 20rpx;
			border-radius: 100%;
			overflow: hidden;
			float: left;
			margin-right: 25rpx;
			margin-left: 10rpx !important;
		}
	
		.HeardBox image {
			width: 100%;
			height: 100%;
		}
	
		.NameBox {
			width: 300rpx;
			height: 140rpx;
			float: left;
			padding-top: 10rpx;
			box-sizing: border-box;
		}
	
		.NameBox view {
			height: 50rpx;
			line-height: 70rpx;
		}
	
		.userName {
			min-width: 90rpx;
			font-size: 30rpx;
			float: left;
			margin-right: 20rpx;
		}
	
		.download_box {
			width: 180rpx;
			height: 140rpx;
			// background-color: red;
			float: right;
	
		}
	
		.download_box image {
			width: 45rpx;
			margin: 50rpx auto;
			display: block;
		}
		
		
		.page-section{
			width: 100%;
			height: 400rpx;
		}
		.cu-list.menu>.cu-item {
			min-height: 88rpx !important;
		}

		.cu-list {
			.menu{
				.cu-item {
					min-height: 88rpx !important;
				}
			}
		}
		
		
		//新版本 button
		.button-group {
			//border: 1px solid green;
		 	//display: flex;
			touch-action: none;
			// margin: 20rpx 30rpx;
			color: #2979ff;
			width: 100%;
			height: 80rpx;
			touch-action: none;
		}
		
		.button-item {
			//flex: 1;  //老版本写法
			//flex: 0 0 calc(100% / var(--item-count));  //新版本写法
			float: left;
			text-align: center;
			padding: 10px;
			border: 1px solid #2979ff;
			border-left: none;
			cursor: pointer;
			z-index: 999999;
			height: 80rpx;
			width: calc(100% / var(--item-count));
			pointer-events: auto;
			//width: 150rpx;
			display: block;
			z-index: 999999;
		}
		
		.button-group .button-item:first-child {
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
			border-left: 1px solid #2979ff;
		}
		
		.button-group .button-item:last-child {
			// border-top-left-radius: 0px;
			// border-bottom-left-radius: 0px;
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		
		.button-group .button-item:not(:first-child):not(:last-child) {
			border-radius: 0px;
		}
		
		.active {
			background-color: #007aff;
			color: #fff;
			border: none;
			border-top: 1px solid #007aff;
			border-bottom: 1px solid #007aff;
		}
		.proceTextarea{
			font-size:36rpx;
			color:#e54d42;
			font-weight: 600;
			padding: 20rpx 10rpx;
			width:100%;
			height:100rpx;
			border-bottom: 1px solid #EDEDED;
		}
		.chooseBoxTextArea{
			width: 100%;
			background-color: #fff;
			margin: auto;
			margin-top: 10rpx;
			border-radius: 20rpx;
			padding: 47rpx 30rpx 27rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.titleleftBox{
				//display: flex;
				//align-items: center;
				width: 100%;
			}
			.titlerightBox{
				display: flex;
				align-items: right;
				font-size: 24rpx;
				color:#0079FE;
				width: 100%;
				font-weight: 500;
				line-height: 40rpx;
				height: 40rpx;
			}
			.choose{
				padding-left: 10rpx;
				font-weight: 600;
				font-size: 28rpx;
				color: #000000;
				display: flex;
				justify-content: space-between;
				.chooseRight{
					font-size: 26rpx;
					//color:#0079FE;
					font-weight: 500;
					line-height: 20rpx;
				}
			}
			.descTextArea{
				padding: 20rpx;
				width:100%;
				font-size:28rpx;
				height:100rpx;
			}
			.rapid{
				font-size: 28rpx;
				font-weight: 500;
				margin-left: 20rpx;
				color: #333;
				width: 70%;
			}
			.select-icon{
				float: right;
				border-bottom: 2upx solid #999;
				border-right: 2upx solid #999;
				width: 16upx;
				height: 16upx;
				transform: rotate(-45deg);
				margin-right: 30rpx;
			}
		}
		.ETBJAndFSEntitytitleStore{
			width: 100%;
			height: 60rpx;
			//border-bottom: 1px solid #F2F5F9;
			padding-left: 0rpx;
			padding-bottom: 20rpx;
			line-height: 40rpx;
			.ETBJAndFSEntitytitle-left{
				width: auto;
				height: 100%;
				text-align: left;
				color: #313133;
				font-size: 28rpx;
				font-weight: 600;
				display: block;
				float: left;
			}
		}
		.button-hover {
		  background-color: #f0f0f0;
		}
</style>